<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样片大赏</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/visit.css">
</head>
<body>
    <div class="header">
        <!-- 版心 -->
        <div class="w">
            <!-- 导航 -->
            <div class="header-nav">
                <!-- logo -->
                <div class="logo-left">
                    <img src="img/index/logo.png" alt="">
                    <img src="img/index/logo镜界.png" alt="">
                </div>
                <!-- logo -->
                <div class="logo-right">
                    <ul class="list">
                        <li class="item mr0">
                            <a href="index.html">首页</a>
                        </li>
                        <li class="item">
                            <a href="visit.html">样片大赏</a>
                        </li>
                        <li class="item">
                            <a href="active.html">当季优惠</a>
                        </li>
                        <li class="item">
                            <a href="tourcoty.html">旅拍城市</a>
                        </li>
                        <li class="item">
                            <a href="about.html">关于我们</a>
                        </li>
                        <li class="item">
                            <a href="call.html">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="banner-style">
                <div class="style-logo">
                    <img src="img/index/logo镜界.png" alt="" width="191px" height="104px">
                    <div class="style-text-itema">
                        <div class="text-itema-a">MODELS</div>
                        <div class="text-itema-b">OUR CULTURE</div>
                    </div>
                    
                </div>
                <div class="style-text-itemb">
                    <div class="text-itemb-a">作品展示</div>
                    <div class="text-itemb-b">STORE</div>
                </div>
            </div>
        </div>
    </div>
    <!-- produck -->
    <div class="product">
        <div class="w">
            <div class="nav">
                <span class="nav-title">Product</span><hr><br>
                <span>作品展示</span>
            </div>
            <div class="show">
                <div class="show-nav">
                    <ul class="show-list">
                        <li class="show-item">全部</li>
                        <li class="show-item">冷艳人气</li>
                        <li class="show-item">高贵典雅</li>
                        <li class="show-item">复古时尚</li>
                        <li class="show-item">活泼可爱</li>
                        <li class="show-item">个性独特</li>
                        <li class="show-item">颓废忧伤</li>
                        <li class="show-item">甜蜜乖巧</li>
                    </ul>
                </div>
                <div class="show-img">
                    <ul class="img-list">
                        <li class="img-item"><img src="img/visit/1-1.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/1-2.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/1-3.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/1-4.jpg" alt=""></li>
                    </ul>
                    <ul class="img-list">
                        <li class="img-item"><img src="img/visit/2-1.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/2-2.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/2-3.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/2-4.jpg" alt=""></li>
                    </ul>
                    <ul class="img-list">
                        <li class="img-item"><img src="img/visit/3-1.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/3-2.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/3-3.jpg" alt=""></li>
                        <li class="img-item"><img src="img/visit/3-4.png" alt=""></li>
                    </ul>
                </div>
                <div class="show-foot">
                    <ul class="foot-list">
                        <li class="foot-item">1</li>
                        <li class="foot-item">2</li>
                        <li class="foot-item">3</li>
                        <li class="foot-item">4</li>
                        <li class="foot-item">5</li>
                        <li class="foot-item">...</li>
                        <li class="foot-item">9</li>
                        <li class="foot-item">&gt;</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="footer">
        <div class="w">
            <div class="footer-text">
                <div class="text-item">
                     <dt>郑州镜界摄影服务工作室</dt>
                     <dd>
                         <div class="footer-icon">
                            <img src="img/index/weibo.png" alt="">
                            <img src="img/index/qq.png" alt="">
                            <img src="img/index/weixin.png" alt="">
                           <img src="img/index/baidu.png" alt="">
                         </div>
                    </dd>
                </div>
                <div class="text-item">
                    <dt>地址：郑州市郑东新区绿地中心6号楼</dt>
                    <dd>服务热线：037-7981788</dd>
                    <dd>邮编：456333</dd>
               </div>
               <div class="text-item">
                <dt>手机：18236988754</dt>
                <dd>邮箱：912754544@qq.com</dd>
                <dd>Q Q：912754544</dd>
           </div>
            </div>
        </div>
    </div>
    <!-- footid -->
    <div class="footid">
        <div class="w">
            <div class="footid-text">
                <p>Copyright ©2010 ls1001.com, All rights reserved. 镜界传媒艺术有限公司 豫ICP备11028596号</p>
            </div>
        </div>
    </div>
</body>
</html>